// global flags
@support-html5: true;
@support-ie-version: 7;
@support-old-ie: ~`@{support-ie-version} < 8`; // [deprecated] use `@support-ie-version` instead
@use-autoprefixer: false;
// default typographic settings
//@default-font-size: 16;
//@default-text-color: #666;
//@default-input-placeholder-color: #999;
@default-base-font-family: "Helvetica Neue",
Arial,
sans-serif;
@default-heading-font-family: "Helvetica Neue",
Arial,
"Hiragino Sans GB",
"Microsoft YaHei",
"WenQuanYi Micro Hei",
sans-serif;
@default-code-font-family: Monaco,
Consolas,
monospace;
// * IE6/7下如果已经找到字体，不会再按字符进行fallback，故必须将雅黑置首位，写上Arial是为了在没有雅黑的情况下显示更好的英文字体
@default-old-ie-base-font-family: @default-base-font-family;
@default-old-ie-heading-font-family: "Microsoft YaHei",
Arial,
sans-serif;
@default-old-ie-code-font-family: @default-code-font-family;
// default visual settings
@default-border-radius: 5px;
@default-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
// z-index settings (compatible with BootStrap, ESUI)
@header-z-index: 1000;
@footer-z-index: 1000;
@modal-z-index: 1050;
// default column gutter width
@default-column-gutter: 3%;
@column-justify-content: space-between;
// 公用字体大小
@h1-font-size: 0.48rem; //36px
@h2-font-size: 0.42rem; //32px
@h3-font-size: 0.346667rem; //26px
@h4-font-size: 0.453333rem; //34px
@h5-font-size: 0.4rem; //30px
@h6-font-size: 0.373333rem; //28px
@h7-font-size: 0.666667rem; //55px
@h8-font-size: 0.6rem; //45px
//标准
@h9-font-size: 0.32rem; //16px
@h10-font-size: 0.28rem; //14px
@h11-font-size: 0.36rem; //18px
@h12-font-size: 0.48rem; //24px
@h13-font-size: 0.40rem; //24px
//公用高度
@height50: 1rem; //50px
//公用颜色
@color-foot-active: red;
@color666: #666;
@color333: #333;
@colorc5: #C5CFD5;
@color999: #999;
@color-main: #E86D43;
@color-main2: #5786D2;
@color-reg-main: #1F3F59; //
@color-code: #8C9FAD;
@big-btn: #CFD9DE;
@line: #EFEFEF;
@color-95: #959595;
@color-down: #03C088;
@color-up: #E86D43;
@color-price: #5E5E5E;
@color-C4: #878787;
@color-hui: #8FA1AF;
@color-pl: #C5CFD5;
@color_kline: #131E30;
@color_fc: #DCE1F5;
@color_ch: #6B809F;
@border: #091926;

@iscan:#03c088;
@nocan:#d1d8de;
// 字体多出不显示
.xianshier(@num) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @num;
}

//公用函数
.contents(@x) {
    width: @x;
    margin: 0 auto;
}

//登录注册
.login_reg() {
    .contents(90%);
    text-align: right;
    height: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 0.4rem;
    a {
        font-weight: 700;
        letter-spacing: 1px;
        color: @color-main2;
    }
}

.big-btn() {
    margin: 0.4rem 0;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background-color: @color-main;
    a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
}

.title() {
    font-weight: 700;
    font-size: 0.56rem;
    color: @color-reg-main;
    height: 1.4rem;
    line-height: 0.8rem;
}

.icon(@top) {
    position: absolute;
    top: @top;
    right: 0;
    display: inline-block;
}

//头部
.web_title() {
    .contents(85%);
    .title {
        .title();
    }
    .reg-code {
        color: @color-code;
        position: relative;
        top: -0.28rem;
        letter-spacing: 1px;
        font-size: @h10-font-size;
    }
}

//input 密码
.input_pwd() {
    .pos {
        position: relative;
    }
    margin-top: 0.5rem;
    .show {
        .icon(-4px);
        .icon-show();
    }
    .hidden {
        .icon(-4px);
        .icon-hidden();
    }
}

.pw {
    border-bottom: 1px solid @color-main;
}

//个人中心图标
.user-icon() {
    display: inline-block;
    position: absolute;
    right: 0;
}

//提交按钮切换颜色
.change_color {
    background-color: @color-main;
}

//100% 线
.ling_big(@num) {
    border-bottom: @num solid #D2D7DB;
}

//背景层样式
.model_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    z-index: 999999;
    display: none;
}

.re() {
    .records_y {
        .weituo-nav {
            .clearfix();
            .contents(90%);
            margin-top: 0.2rem;
            color: #FFFFFF;
            font-weight: 700;
            h2 {
                float: left;
                opacity: 0.9;
                font-size: 0.3rem;
                span {
                    margin-right: 0.1rem;
                    font-size: 0.28rem;
                }
                .sell {
                    color: @color-up;
                    font-size: 0.32rem;
                }
                .buy{
                    
                    color: @color-down;
                    font-size: 0.32rem;
                }
            }
            .del {
                font-size: 0.32rem;
                float: right;
            }
        }
        color: #FFFFFF;
        margin-top: 0.4rem;
        .nav {
            li {
                color: #fff;
                font-size: 0.3rem;
                opacity: 0.9;
            }
        }
        .data-lis {
            .lis {
                span {
                    font-size: 0.28rem;
                }
            }
        }
    }
}

//买卖
.buy() {
    .buy_warp {
        .clearfix();
        margin-top: 0.3rem;
        margin-bottom: 0.5rem;
        button {
            border: none;
            width: 3.2rem;
            height: 0.8rem;
            color: #fff;
            border-radius: 0.02rem;
        }
        .buy {
            float: left;
            background: @color-down;
        }
        .sell {
            float: right;
            background: @color-up;
        }
    }
}